<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
		<link rel="stylesheet" href="css/reservemeeting.css" />
	</head>

	<body>
		<div class="mui-page" id="mui-messagesMsg">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<a class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</a>
				<h1 class="mui-center mui-title">预约会议</h1>
				<a href="javascrip:;" id="btnBooking" class="mui-icon mui-pull-right" style="font-size: 14px; color: #000; line-height: 28px; padding-right: 15px;">完成</a>
			</div>
			<div class="mui-page-content" style="margin-top: 55px;">
				<form id='login-form' class="mui-input-group">
					<div class="mui-input-row">
						<label>主题</label>
						<input id='subject' type="text" class="mui-input-clear mui-input" style="padding-right: 35px;" placeholder="请输入会议主题(15字以内)" maxlength="15">
					</div>
					<div class="mui-input-row" style="height: inherit;">
						<label>会议简介</label>
						<textarea id="introduction" rows="5" placeholder="请输入会议简介"></textarea>
					</div>
					<div class="mui-input-row">
						<label>会议房间</label>
						<input id='roomId' type="text" data-options='{}' readonly class="mui-input-clear mui-input" placeholder="请选择会议房间">
					</div>
					<div class="mui-input-row">
						<label>开始时间</label>
						<input id='beginTime' type="text" data-options='{}' readonly class="mui-input-clear mui-input" placeholder="请选择会议开始时间">
					</div>
					<div class="mui-input-row">
						<label>结束时间</label>
						<input id='endTime' type="text" data-options='{}' readonly class="mui-input-clear mui-input" placeholder="请选择会议结束时间">
					</div>
					<div class="mui-input-row" style="height: inherit;">
						<label>是否公开</label>
						<div class="mui-switch mui-active" id="isOpen">
							<div class="mui-switch-handle"></div>
						</div>
						<input id='password' type="password" class="mui-input" placeholder="请设置密码">
					</div>
					<!--临时调整会议提醒时间不显示（默认设置0）-->
					<div class="mui-input-row" style="display: none;">
						<label>提醒时间</label>
						<input id='remindTime' value="0" type="text" data-options='{}' class="mui-input-clear mui-input" placeholder="请选择会议提醒时间">
					</div>
					<div class="mui-input-row" style="display: none;">
						<label>创建人</label>
						<input id='creator' type="text" disabled="disabled" value="张三" class="mui-input-clear mui-input" placeholder="">
					</div>
					<div class="mui-input-row" style="height: inherit;">
						<label>参会人员</label>
						<textarea id="members" rows="5" placeholder="点击选择参会人员" readonly></textarea>
					</div>
					<div class="mui-input-row" style="height: inherit;">
						<label>会议助手</label>
						<textarea id="assistants" rows="5" placeholder="点击选择会议助手" readonly></textarea>
					</div>
					<!--<div class="mui-button-row" style="margin: 25px 0 0">
						<button type="button" class="mui-btn mui-btn-primary" onclick="return false;">保存</button>&nbsp;&nbsp;
						<button type="button" class="mui-btn mui-btn-danger" onclick="return false;">重填</button>
					</div>-->
					<div class="mui-input-row"></div>
				</form>
			</div>
		</div>
	</body>

</html>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/mui.picker.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/server.js"></script>
<script type="text/javascript" src="js/reservemeeting.js"></script>